<template>
  <div class="inspect-info-root info-txt-container">
    <div class="txt-container">
      <div class="title-container">
        <div class="title-txt">
          {{ (inspectInfo || {}).inspectName }}
        </div>
      </div>

      <txt-row :txt-config="txtConfig" :data="inspectInfo"></txt-row>
    </div>
  </div>
</template>

<script>
import TxtRow from "@/views/securityCheck/components/txtRow.vue";

export default {
  components: {
    TxtRow
  },
  props: {
    inspectInfo: {
      type: Object,
      default: () => {
        return {}
      }
    }
  },
  data() {
    return {
      txtConfig: [
        [
          {
            label: '检查年份',
            value: 'inspectYear'
          },
          {
            label: '牵头部门',
            value: 'leadDepartment'
          },
          {
            label: '所属层级',
            value: 'inspectLevelName'
          },
          {
            label: '检查批次',
            value: 'inspectBatch'
          },
        ],
        [
          {
            label: '依据文件',
            value: 'leadDepartment'
          },
          {
            label: '检查内容',
            value: 'inspectContent'
          },
        ]
      ]

    }
  }
}
</script>

<style scoped lang="scss">
.inspect-info-root {
  .title-container {
    margin-bottom: 16px !important;

    .title-txt {
      font-size: 18px !important;
      font-weight: 500 !important;
      letter-spacing: 0px !important;
      color: rgba(48, 49, 51, 1) !important;
    }
  }
}
</style>
